<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
    	<link th:href="@{css/bootstrap.min.css}" rel="stylesheet"></link>
    	<link th:href="@{css/bootstrap-theme.min.css}" rel="stylesheet"></link>
    	<link th:href="@{css/main.css}" rel="stylesheet"></link>
    	<script type="text/javascript" th:src="@{js/iconfont.js}"></script>
    </head>
    <body>
    	<div class="wrapper">
    		<header class="main-header">
    			<a class="logo">
    				<span class="">SPEED_RUN</span>
    			</a>
    			<nav class="navbar  navbar-static-top">
    			    <a class="sidebar-toggle">
    			    	<svg class="icon" aria-hidden="true">
						    <use xlink:href="#icon-caidan"></use>
						</svg>
    			    </a>
    				<div class="navbar-custom-menu">
    					<ul class="nav navbar-nav">
    						<li><a href=""><span style="color:white">ITEM</span></a></li>
    						<li><a href=""><span style="color:white">ITEM</span></a></li>
    					</ul>
    				</div>
    			</nav>
    		</header>
    		<aside class="main-sidebar">
				<ul class="nav nav-pills nav-stacked">
					<li>menu1</li>
					<li>menu2</li>
					<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
							menu3 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							<li>menu3-1</li>
							<li>menu3-1</li>
							<li>menu3-1</li>
						</ul>
					</li>
				</ul>
			</aside>
    		<div class="content-wrapper">
    			
    		</div>
    		<footer></footer>
    	</div>
    </body>
</html>